<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
 <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Sistema Administrativo ADNIPO</title>
        <style type="text/css">
            body {background-color: #eeeeee; font-size: 12px}
        </style>
		 <script src="js/jquery-2.0.0.min.js"></script>
    </h:head>
 <h:body>
        <div align="center">
            <p:layout style="min-width:1040px;max-width:1040px;min-height:800px;"> 
                <!-- Topo -->
                <p:layoutUnit position="north" size="115"> 
                   <a href="http://localhost:8080/AdnipoSistemaWeb/index.jsf" ><h:graphicImage url="/tema/imagens/topo.jpg" /></a>
                </p:layoutUnit>
                <!-- Menu Esquerdo -->
                <p:layoutUnit position="west" size="210"> 
					<h:form>
						<p:panelMenu style="width: 200px;">
							<p:submenu label="Menu Principal" style="text-align:left;">
								<p:menuitem value="Login" icon="ui-icon-key" />
								<p:menuitem value="Fazer meu cadastro" icon="ui-icon-contact" />
							</p:submenu>
						</p:panelMenu>
						<p:panelMenu style="width: 200px;">
							<p:submenu label="Caixa" style="text-align:left;">
								<p:menuitem value="Efetuar Compra" icon="ui-icon-disk" />
								<p:menuitem value="Efetuar Pagamento" icon="ui-icon-search" />
							</p:submenu>
						</p:panelMenu>
						<p:panelMenu style="width: 200px;">
							<p:submenu label="Consultas" style="text-align:left;">
								<p:menuitem value="Consultar Conta" icon="ui-icon-disk" />
							</p:submenu>
						</p:panelMenu>
						<p:panelMenu style="width: 200px;">
							<p:submenu label="Produtos" style="text-align:left;">
								<p:menuitem value="Cadastrar Produto" icon="ui-icon-disk" />
								<p:menuitem value="Consultar Produto" icon="ui-icon-search" />
								<p:menuitem value="Alterar Produto" icon="ui-icon-wrench" />
								<p:menuitem value="Excluir Produto" icon="ui-icon-close" />
							</p:submenu>
						</p:panelMenu>
						<p:panelMenu style="width: 200px;">
							<p:submenu label="Clientes" style="text-align:left;">
							<!--<p:menuitem value="Cadastrar Cliente" icon="ui-icon-disk" outcome="/cadcliente"> -->
								<p:menuitem value="Cadastrar Cliente" icon="ui-icon-disk" action="/cadcliente" ajax="false"/>
								<p:menuitem value="Consultar Cliente" icon="ui-icon-search" />
								<p:menuitem value="Alterar Cliente" icon="ui-icon-wrench" />
								<p:menuitem value="Excluir Cliente" icon="ui-icon-close" />
							</p:submenu>
						</p:panelMenu>
					</h:form>
                </p:layoutUnit>
                <!--Conteudo Centro -->
                <p:layoutUnit position="center" style="width: 600px;">
                    <ui:insert name="conteudo">
                    
                    </ui:insert>
                </p:layoutUnit> 
                <!-- Rodape -->
                <p:layoutUnit position="south"> 
                    <ui:insert name="footer">
                        O que estiver aqui será substituido!
                    </ui:insert>
                </p:layoutUnit> 
            </p:layout> 
        </div>
    </h:body>
</html>
